@import (reference) "./../../shared/color";
@import (reference) "./../../shared/common";
&:host {
  // margin-right: 14px;
}
.add-watchlist {
  display: none;
  font-size: 1.2rem;
  font-family: Arial, "Microsoft YaHei", "微软雅黑",  "PingFangSC-Regular", Helvetica,  'Segoe UI', Tahoma, Geneva, Verdana, sans-serif, "Microsoft Sans Serif";
  border: 0;
  padding: 6px 14px;
  color: #FFF;
  background-color: @color-red-normal;
  border-radius: 4px;
  cursor: pointer;
  user-select: none;
  &.active {
    display: inline-block;
  }
  &:hover {
    background-color: @color-red-light;
  }
  // 移除自选股
  &.btn-grey {
    background-color: #8C8C8C;
    &:hover {
      background-color: #AAA;
    }
  }
}

.stock-add-modal {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(10, 10, 10,.2);
  cursor: pointer;
  z-index: 1;
}

.mini-add-stock {
  position: fixed;
  top: 80px;
  right: 0;
  z-index: 1;
  width: 360px;
  padding: 0 20px;
  background-color: #F6F6F6;
  border: 1px solid #E2E2E2;
  border-radius: 4px;
  box-shadow: 0 10px 10px rgba(10,10,10,.2), -1px 0 10px #D2D2D2;
  font-size: 1.4rem;
  // 文字直播行内的添加自选股
  &.live-inline {
    margin-top: 10px;
    background-color: #FFF;
    border: none;
    .top-arrow {
      display: none;
    }
    .group-list {
      padding: 10px 0;
      font-size: 1.4rem;
      color: #333;
    }
  }
  .group-list {
    padding: 10px 0;
    font-size: 1.4rem;
    color: #333;
    &:not(:last-child) {
      border-bottom: 1px solid #DDD;
    }
    input,
    label {
      cursor: pointer;
    }
    input {
      margin-right: 20px;
    }
  }
  // 顶部箭头
  .top-arrow {
    position: absolute;
    top: -10px;
    right: 35px;
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-top-width: 0;
    border-bottom-color: #F6F6F6;
    margin-bottom: -1px;
    &:after {
      content: "";
      display: block;
      position: absolute;
      top: 1px;
      right: -10px;
      width: 0;
      height: 0;
      border: 10px solid transparent;
      border-top-width: 0;
      border-bottom-color: #F2F2F2;
    }
  }
}